<template>
    <view class="view-item-image-head-ident">
        <view class="view-item-image-head-ident-item view-item-image-head-ident-item2" v-if="props.userInfo && props.userInfo.VipState != 0">
            <img :src="c07" alt="">
        </view>
        <view class="view-item-image-head-ident-item view-item-image-head-ident-item3" v-if="props.userInfo && props.userInfo.UserType != 0">
            <img :src="c08" alt="">
        </view>
    </view>
</template>
    
<script setup>
import { reactive, getCurrentInstance, onMounted } from "vue"
import { getAuthorization, setAuthorization } from "@/utils/auth.js"
import c07 from '@/assets/image/icon07.png'
import c08 from '@/assets/image/icon08.png'

import { onLoad } from '@dcloudio/uni-app'

let props = defineProps({
    userInfo:{
        type:Object,
        default:() => {}
    }
})

const state = reactive({
    show: false,
})

onLoad((options) => {

})



</script>
    
<style lang="scss" scoped>
.content-swiper-bottom-message-gift {
    color: #fff;
    flex: none;
    padding: 0 30rpx;
    height: 80rpx;
    line-height: 80rpx;
    display: flex;
    align-items: center;

    img {
        width: 48rpx;
        height: 48rpx;
    }

    text {
        height: 48rpx;
        line-height: 48rpx;
        display: block;
        margin-left: 10rpx;
        font-size: 24rpx;
        color: #999
    }
}

.view-item-image-head-ident {
    display: flex;
    margin-left: 10rpx;

    .view-item-image-head-ident-item {
        position: relative;
        height: 30rpx;
        margin-right: 10rpx;

        img {
            height: 100%;
            position: absolute;
        }
    }

    .view-item-image-head-ident-item1 {
        width: 60rpx;

        text {
            position: absolute;
            right: 5rpx;
            color: #fff;
            font-size: 20rpx;
        }
    }

    .view-item-image-head-ident-item2 {
        width: 80rpx;
    }
}
</style>
    